/**
 * Created by liguangsong on 16/8/5.
 */
import React from 'react'
import PlayerView from './playerView.js'
import '../../css/games/playersView.css'

var trStyle = {
    height: 90,
    fontSize: 30,
    background: 'white'
};

var PlayersView = React.createClass({
    getPlayerView() {
        var view = [];
        for (var i = 0; i < 17; i++) {
            view.push(
                <PlayerView key={i} styleName="GameDetailData" player="30 S.Curry" position="G" pts="60" ast="20"
                            reb="20" fg="10" blk="10" stl="12" threePt="13" ft="10" to="2" pf="3"/>
            )
        }

        return view;
    },

    render() {
        return (
            <div className="GameDetailPlayersView">
                <table className="GameTable">
                    <thead>
                    <tr style={trStyle}>
                        <th></th><th>P</th><th>PTS</th><th>AST</th><th>REB</th><th>FG</th><th>BLK</th><th>STL</th><th>3PT</th><th>FT</th><th>TO</th><th>PF</th>
                    </tr>
                    </thead>
                    <tbody>
                        { this.getPlayerView() }
                    </tbody>
                </table>
            </div>
        )
    }
});

export default PlayersView;